@charset "utf-8";

.mainnav{width:100%; height:auto; overflow:hidden; background:#fff; }
.mainnav a{ width:33.5%; height:auto; overflow:hidden; float:left; display:inline-block; text-align:center; margin-top:0.7rem; border-top:1px #eee solid; border-left:1px #eee solid; margin:-1px 0 0 -1px; padding:0.6rem 0;}
.mainnav a i{font-size: 1.3rem;}
.mainnav a em{ display:block; font-size:0.65rem; color:#666; text-align:center;}
.mainnav i.ma0 {color:#ff7361;}
.mainnav i.ma1 {color:#7687f1;}
.mainnav i.ma2 {color:#f6ba5a;}
.mainnav i.ma3 {color:#65cced;}
.mainnav i.ma4 {color:#fe8920;}
.mainnav i.ma5 {color:#44d26c;}


.banner{width:100%; height:auto; overflow:hidden;}
.banner img{width:100%; display:block;}

.index .list-block{margin: 0;}
.index .list-block .item-inner{border: 0; min-height: 2.5rem; font-size: 0.7rem; line-height: 1.3rem; display: block; text-align: left;}
.index .list-block .item-content{border-bottom: 1px #eeeeee solid;}
.index .list-block .item-inner:after{display: none;}
.index .list-block .item-after{font-size: 0.65rem; color: #999;}

.index_list .item-media img{width:4.5rem; height:4.5rem;}
.index_list .item-title-row{}
.index_list .item-title{color: #999;}
.index_list .item-title span{color: #333;}
.index_list .item-after {text-align: right; float: right;}
.index_list .item-after span.in{color: #43d16d;}
.index_list .item-after span.end{color: #999;}
.index_list .item-subtitle{font-size:0.7rem; color: #999;}
.index_list .item-subtitle i{color:#f00;}

/* list */
.product{position: absolute; top:2.2rem; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch;}
.leftbar{width:4rem; height:100%; overflow:hidden; background:#f0eff4; position:absolute; z-index:10;}
.rightbar{ height:100%; overflow:hidden; background:#fff; padding-left:4rem;}
.leftbar ul{ height:100%; padding:0px 0px 4.7rem 0;}
.leftbar h3{ font-size:0.7rem; text-align:left; height:2.2rem; border-bottom:1px #dddddd solid;}
.leftbar h3 a{width:4rem; height:2.2rem; line-height:2.2rem; overflow:hidden; display:block; text-align:left; padding-left:0.5rem; color:#555; font-weight:normal;}
.leftbar h3.active a{ color:#fff; }
.leftbar li{ text-align:left; height:2.2rem; border-bottom:1px #dddddd solid;}
.leftbar li a{width:4rem; height:2.2rem; line-height:2.2rem; overflow:hidden; display:block; font-size:0.7rem; text-align:left; position:relative; padding-left:0.5rem; color:#555;}
.leftbar li.active{ background:#83c9f5; }
.leftbar li.active a{ color:#fff; }

.rightbar .content{ position:relative;}
.product_list{ height:100%; padding:0 0 3rem 0.5rem; background: #fff;}
.product_list li{ height:auto; overflow:hidden; padding:0.5rem 0; border-bottom:1px #f3f3f3 solid; position:relative;}
.product_list li a{ display:block;}
.product_list li img{width:4rem; float:left; display:block;}
.product_list li .tit{height:auto; overflow:hidden; text-align:left; padding:0 0.3rem; }
.product_list li .tit h3{line-height: 1rem; font-size:0.7rem; color:#333; font-weight:normal; padding-right:2.8rem; }
.product_list li .tit p{color:#999;}
.product_list li .tit span{font-size:0.6rem; color:#aaa;}
.product_list li .tit span i{ color:#999; font-size:0.8rem; margin-left:0.3rem;}
.product_list li .tit span i.curr{ color:#ff3333;}
.product_list li .tit p em{ float: left; display: inline; color:#ff3333; font-weight: bold; font-size:0.8rem;}
.product_list li .tit p i{ color:#aaa; font-size:0.6rem; margin-left:0.3rem; text-decoration: line-through;}
.product_list li .rbtn { position:absolute; right:0.5rem; top:0.7rem;}
.product_list li .rbtn span{display: block; padding: 0.2rem 0.5rem; font-size: 0.7rem; color: #fff; border-radius:0.3rem;}
.product_list li .rbtn .btn{background: #0894ec; margin-bottom:0.5rem;}
.product_list li .rbtn .btn1{background: #999;}




/* product_add */
.product_add .list-block{ margin:0 auto;}
.product_add .list-block .item-title{}
.product_add .list-block .item-title.label{font-size: 0.7rem;}
.product_add .list-block .item-title span{ font-size:0.7rem; margin-right:0.5rem; color:#333;}
.product_add .list-block .item-after{ color:#dddddd; font-size:0.7rem;}
.product_add .list-block .item-after em{color:#ff3333; font-size:0.65rem; margin-right:0.3rem;}
.product_add .list-block .item-after em.gray{ color:#ccc; font-size:0.65rem;}
.product_add .list-block .item-after em.icon-code{ font-size:0.8rem;}
.product_add .list-block .item-after em input{ float:right; display:inline; text-align:right; height:1rem; line-height:1rem; font-size:0.65rem;}
.product_add  .list-block .item-after img{height:1.2rem;}
.product_add .content-block p{font-size: 0.7rem; color: #999; text-align: center; margin-top: 0.5rem;}

.list-block .item-inner:after{ height:0;}

/* banner_add */
.banner_add {}
.banner_add .content-block{background: #fff; margin:0 auto; padding-bottom: 1rem;}
.banner_add .content-block dl{ height: auto; overflow: hidden; padding: 0.5rem 0rem;}
.banner_add .content-block dt{font-size:0.75rem; font-weight: normal; text-align: left; color:#464646; margin-bottom: 0.5rem;}
.banner_add .content-block dd{width:100%; float: left; display: inline-block; overflow: hidden; position: relative;}
.banner_add .content-block dd.img{margin-bottom:0.5rem;}
.banner_add .content-block dd.img a{display: block; position: absolute; right:0; top: 0; padding: 0 0.3rem; background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0;cursor: pointer;}
.banner_add .content-block dd.img a i{ color: #fff;  font-size:0.8rem;}
.banner_add .content-block dd img{width:100%; display: block; margin: 0 auto;}
.banner_add .content-block dd.add{cursor: pointer; text-align: center; border: 1px #b5b5b5 dashed; border-radius:0.2rem ;}
.banner_add .content-block dd.add img{width:50%; }
.banner_add a.button{margin: 0.5rem 0;}
.banner_add p{font-size: 0.7rem;color: #666; text-align: center;}

/* shopinfo */
.shop_info .list-block{ margin:0 auto;}
.shop_info .list-block .item-title{}
.shop_info .list-block .item-title.label{font-size: 0.7rem;}
.shop_info .list-block .item-title span{ font-size:0.7rem; margin-right:0.5rem; color:#333;}
.shop_info .list-block .item-after{ height: auto; overflow: hidden; color:#dddddd; font-size:0.7rem;}
.shop_info .list-block .item-after em{color:#ff3333; font-size:0.65rem; margin-right:0.3rem;}
.shop_info .list-block .item-after em.gray{ color:#ccc; font-size:0.65rem;}
.shop_info .list-block .item-after em.icon-code{ font-size:0.8rem;}
.shop_info .list-block .item-after em input{ float:right; display:inline; text-align:right; height:1rem; line-height:1rem; font-size:0.65rem;}
.shop_info .list-block .item-after img{height:1.2rem;}

.shop_info_img .img_box{ height: auto; overflow: hidden; padding:1.5rem 1rem; background:#fff;}
.shop_info_img .img_box .button{ margin-top:1.5rem;}
.shop_info_img .img_box img{width:60%; display:block; margin:0 auto;}


/* member */
.member{ padding: 10px 10px; background: #fff;}
.member .list-block{margin: 0;}
.member .list-block ul:before,.member .list-block ul:after{display: none;}
.member .item-media{width: 3rem;}
.member .item-media img{width:3rem; height: 3rem; display: block; border-radius:100%;}

.member .list-block .item-inner{ padding-right:0;}
.member .list-block .item-title{ text-align: left;}
.member .list-block .item-title h3{font-size: 0.75rem; font-weight: normal; line-height: 1.5rem;}
.member .list-block .item-title p{font-size: 0.7rem; color: #666;}
.member .list-block .item-title p span{color: #f60;}
.member .list-block .item-after{font-size: 0.7rem;}
.member .list-block .item-after a.abtn{display:block; padding: 0.1rem 0.5rem; font-size: 0.65rem; color: #fff; background: #349800; border-radius:0.2rem;}


.content.member_order{top:10rem;}
.member_count{width: 100%;  text-align:center; font-size: 0.7rem; line-height: 1.6rem; color: #999; position: fixed; top: 2.2rem; z-index: 1000;}
.member_count p {background: #fff; padding: 0.5rem 0.75rem;}
.member_count p input{width:35%; border-radius: 0.2rem; border: 1px #dddddd solid; padding: 0.2rem 0.1rem; font-size: 0.7rem;}
.member_count p button{width: 60%; margin:0.5rem auto;}
.member_count h3{font-size: 0.7rem; font-weight: normal; text-align: left; background: #e5fafa; padding:0.5rem 0.75rem;}
.member_count h3 i{font-size: 0.85rem; color: #f60;}
.member_order .card0{ margin-top: 0.3rem;}
.member_order .card-header li{ text-align:left; line-height:1.2rem;}
.member_order .card-header li span{ float:left; display:inline; font-size:0.65rem; color:#999;}
.member_order .card-header li p{ float:left; display:inline; font-size:0.65rem; color:#666;}
.member_order .card-header li i{ color:#0abe74;}
.member_order .card-header li em{ color:#ff3333;}
.member_order .card-content ul{ background:#f9f9f8;}
.member_order .card-content li{width:100%; text-align:left; height:auto; overflow:hidden; border-top:1px #eeeeee solid; padding:0.3rem 0.75rem; position:relative;}
.member_order .card-content li img{width:2.5rem; float:left; display:block; margin-right:0.5rem; border:1px #eeeeee solid;}
.member_order .card-content li h3{ font-size:0.7rem; color:#333; font-weight:normal;}
.member_order .card-content li p{ font-size:0.6rem; color:#666;}
.member_order .card-content li p span{ color:#999; margin-right:0.5rem;}
.member_order .card-content li p em{ color:#ff3333;}
.member_order .card-content li strong{ font-size:0.6rem; font-weight:normal; position:absolute; right:0.3rem; bottom:0.4rem; color:#ccc;}
.member_order .card-footer .pull-left{ font-size:0.7rem;}
.member_order .card-footer .pull-left p{ color:#999;}
.member_order .card-footer .pull-left p i{ color:#ff3333;}
.member_order .card-footer .pull-right {font-size: 0.7rem; color: #999;}
.member_order .card-footer .pull-right em{color: #f60; font-size: 0.8rem;}
.member_order .card-footer .pull-right a{ margin-left:0.5rem}


/* money */
.money .list-block{ margin:0 auto;}
.money .list-block ul{}
.money .list-block .item-title{width:50%;}
.money .list-block .item-title.label{font-size: 0.7rem; text-align: left; text-indent: 0.5rem;}
.money .list-block .item-title span{ font-size:0.7rem; margin-right:0.5rem; color:#333;}
.money .list-block .item-after{ height: auto; overflow: hidden; color:#dddddd; font-size:0.7rem;}
.money .list-block .item-after span{color:#ff3333; font-size:0.65rem; margin-right:0.3rem;}
.money .list-block .item-after img{height: 1.2rem;}

.content.money_info{top:8rem;}
.money_count{width: 100%;  text-align:center; font-size: 0.7rem; line-height: 1.6rem; color: #999; position: fixed; top: 2.2rem; z-index: 1000;}
.money_count p {background: #fff; padding: 0.5rem 0.75rem;}
.money_count p input{width:35%; border-radius: 0.2rem; border: 1px #dddddd solid; padding: 0.2rem 0.1rem; font-size: 0.7rem;}
.money_count p button{width: 60%; margin:0.5rem auto;}
.money_count h3{font-size: 0.7rem; font-weight: normal; text-align: left; background: #e5fafa; padding:0.5rem 0.75rem;}
.money_count h3 i{font-size: 0.85rem; color: #f60;}
.money_info ul{ background: #fff; margin: 0.5rem 0;}
.money_info li{width:100%; height: auto; overflow: hidden; text-align:left; font-size: 0.7rem;  border-bottom: 1px #eeeeee solid; padding: 0.5rem 0.75rem; color: #999;}
.money_info li p {line-height: 1.3rem;}
.money_info li p i{color: #333;}
.money_info li span{float: right; display: inline;}
.money_info li span em{color: #f60;}

.content.money_record{top:10rem;}
.money_record ul{ background: #fff; margin: 0.5rem 0;}
.money_record li{width:100%; height: auto; overflow: hidden; text-align:left; font-size: 0.7rem;  border-bottom: 1px #eeeeee solid; padding: 0.5rem 0.75rem; color: #999;}
.money_record li p {line-height: 1.3rem;}
.money_record li p em{color: #f60;}
.money_record li span{float: right; display: inline; color: #999;}
.money_record li span i{color: #666;}

.money_list{}
.money_list table{width:100%; background: #fff; color:#666; font-size:0.7rem; }
.money_list table th{background: #eee; font-weight:normal;}
.money_list table th,.money_list table td{padding: 0.5rem 0.75rem; text-align: center; }
.money_list table tr{border-bottom:1px #eeeeee solid;}

/* 提现 */
.withdrawals{}
.withdrawals .content-block{ margin:1rem 0.75rem; background: #fff; border-radius:5px; padding:1rem 0.75rem;}
.withdrawals h3{font-size: 0.75rem; font-weight: normal; text-align: left; color: #666;}
.withdrawals h3 i{color: #f60; font-size: 0.9rem; font-weight: bold;}
.withdrawals .paybox{ background: #fff; border-top: 1px #eee solid; padding:1rem 0 0.5rem 0; font-size: 0.7rem; text-align: left; margin-top:1rem;}
.withdrawals .paybox p{color: #999; font-size: 0.75rem; margin-bottom:0.2rem;}
.withdrawals .paybox label{font-size: 1.2rem; color: #333;}
.withdrawals .paybox label input{width:75%; border: 0; font-size: 1.1rem; color: #333;}
.withdrawals .paybox label input::placeholder{font-size: 1.1rem;}
.withdrawals .btn{ margin:1rem 0.75rem;}
.withdrawals .button.button-fill.button-big{width: 100%; margin: 2rem 0; height: 2rem; line-height: 2rem;}
.withdrawals .button.button-fill.button-dark{}


.login{ }
.login .toptel{width:100%; height:2rem; line-height:1.8rem; text-align: center; font-size:0.8rem; background: #f4faf8;}
.login .toptel i{ font-size:1rem; margin-right:0.3rem;}
.login .toptel a{ color:#0abe74;}

.login h3{ margin-top:20%;  font-size:1rem; color: #f4faf8; text-align: center; font-weight: normal; text-align: left; padding: 0 1.5rem;}
.login ul{padding: 0 1.5rem; margin-top:1rem;}
.login li{ padding:0.5rem 0; line-height:2rem; text-align: left; font-size:0.7rem; color: #999;}
.login li .checkbox{ display: inline-block; vertical-align: middle;}
.login li span{width:4rem; float:left; display: inline;}
.login li em{ float: right; display: inline; color: #f4faf8;}
.login li a{ font-size:0.7rem; color: #f4faf8;}
.login .editbox{width:100%; height:1.8rem; line-height:1.8rem; overflow:hidden; text-indent:0.5rem; border:0px #1b9e7a solid; color:#666; background:#fff; font-size:0.7rem;}
.login p{ color: #f4faf8; font-size:0.7rem; padding:3rem 1.5rem;}
.login p a{ color: #f4faf8; border:0px #fff solid;}
.login p a.button-cyan{ background: #008B51;}

.reg{ height:100%;}
.reg .toptel{width:100%; height:2rem; line-height:1.8rem; text-align: center; font-size:0.8rem; background: #f4faf8;}
.reg .toptel i{ font-size:1rem; margin-right:0.3rem;}
.reg .toptel a{ color: #0abe74;}
.reg h3{ margin-top: 5%;  font-size:0.9rem; color: #f4faf8; text-align: center; font-weight: normal; text-align: left; padding: 0 1.5rem;}
.reg ul{padding: 0 1.5rem; margin-top: 0.5rem;}
.reg li{width:100%; padding:5px 0; text-align:center; height:auto; line-height: 40px; overflow:hidden; font-size: 14px; color: #f4faf8; text-align: left;}
.reg li .checkbox{ display: inline-block; vertical-align: middle;}
.reg li a{ font-size:0.7rem; color: #666;}
.reg .editbox{width:100%; height:1.8rem; line-height:1.8rem; overflow:hidden; text-indent:0.5rem; border:0px #dddddd solid; color:#666; background:#fff; font-size:0.7rem;}
.reg .abtn{width:48%; height:1.8rem; line-height:1.8rem; font-size:0.7rem; text-align: center; background:#fff; border: 0px #f90 solid; color: #0abe74; float: right; display:inline;}
.reg p{ color: #f4faf8; font-size: 14px; padding:1rem 1.5rem;}
.reg p a{ color: #f4faf8; border:0px #fff solid;}
.reg p a.button-cyan{ background: #008B51;}